<!DOCTYPE html>
<html>
<head lang="en">
  <s3:data name='CollDatas.headerScript' />
  <s3:import type="css"></s3:import>

   
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}">
  <link rel="stylesheet" href="${data:dependencies.common_v5_path}/cmp-resources/M1H5.css${data:buildversion}">
  <link rel="stylesheet" href="${data:dependencies.edoc}/css/cmp-edoc.css${data:buildversion}">
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
  <!-- 
  <link rel="stylesheet" href="<s3:data name='dependencies.doc' />/css/doc.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css"/>
  <link rel="stylesheet" href="<s3:data name='dependencies.doc' />/css/docNewPigeonhole.css${data:buildversion}"/> 
  -->
  <title></title>
  <style type="text/css">
    .cmp-table-view-cell{ padding: 0px; }
    .cmp-radio input[type='radio']:before{ font-size: 14px; }
    header.head-style:before{ height: 0px;}
    .search_color{ background-color:#efeff4!important; }
  </style>

</head>
<body class="cmp-fullscreen">
    <header class="cmp-bar cmp-bar-nav head-style">
    	<div id="searchHeader" class="searchHeader">
          <a id="prev" href="javascript:void(0)" class="cmp-pull-left left-btn">
              <span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
          <a id="more" href="javascript:void(0)" class="cmp-pull-right right-btn">
              <span  id="search" class="see-icon-search"><em class="dot"></em></span>
              <!-- <span  id="addKey"  href="javascript:void(0)" class="m3-icon-add-round left-icon"> </span> -->
          </a>
          <h1 id="listDefaultState" class="cmp-title"><i18n key="collaboration.label"></i18n></h1>

      </div>
        <div id="reSearch" class="cmp-search-content cmp-header-search-position " style="display: none; position: absolute;right: 0px;left: 0px;bottom: 0px; ">
	        <div class="cmp-segmented-control cmp-search-title " style="border:none;top:0px;">
	            <div class="cmp-search-item">
	                <span class="title" id="cmp_search_title" style="color:#666666!important"></span>
	            </div>
	            <div id="toSearch" class="cmp-search-item">
	                <div id="searchText" class="item text cmp-active">
	                    <input id="searchTextValue" type="text" readonly="readonly">
	                </div>
	                <div id="searchDate" class="item date">
	                    <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly">
	                    <span>-</span>   <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly">
	                </div>
	            </div>
	            <div class="cmp-search-item">
	                <span id="cancelSearch" class=" gotoSearch"><i18n key="collaboration.page.lable.button.cancel"></i18n></span>
	            </div>
	        </div>
    	</div>
    </header>
   <div class="cmp-content  cmp-col-content" style="position:absolute;">
     <div class="cmp-segmented-control cmp-segmented-control-inverted col cmp-segmented-control-primary new-tab-nav">
        <a id="listPendingAllBiz" style="display:none;" class="cmp-control-item" href="#colPendingsContain"><i18n key="collaboration.default.pending"></i18n></a>
        <a id="listDoneAllBiz" style="display:none;" class="cmp-control-item" href="#colDoneContain"><i18n key="collaboration.default.done"></i18n></a>
        <a id="listSentAllBiz" style="display:none;" class="cmp-control-item" href="#colSentContain"><i18n key="collaboration.default.sent"></i18n></a>
        <a id="listWaitSendAllBiz" style="display:none;" class="cmp-control-item" href="#colWaitContain"><i18n key="collaboration.default.waitSent"></i18n></a>
    </div>
      <div id="dataCommonDiv" class="cmp-control-content cmp-active">
          <div id="colPendingsContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
             <!-- <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div> --><!--装载小部件的容器-->
              		<ul id="colPendingsAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                	</ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colDoneContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <!-- <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div> --><!--装载小部件的容器-->
                <ul id="colDoneAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colSentContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <!-- <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div> --><!--装载小部件的容器-->
                <ul id="colSentAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
           <div id="colWaitContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              <!-- <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.page.lable.button.batchProcessing"></i18n></div></div></div> --><!--装载小部件的容器-->
                <ul id="colWaitAffairs" class="cmp-list-content approval_list_content col cmp-table-view col-list">
                  </ul>
              </div>
              <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div  class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
          </div>
      </div>
  </div>
	<div id="docPigeonhole" class="GM_Alert_Content Animated-Container bottom-go animated"></div>
	<!-- 引导 -->
<div id="src_form_view_hint" class="new_synergy_hint col display_none" style="top: 135px;right: 5px;">
    <i class="circle" ></i>
    <i class="line" ></i>
    <div class="content">
        <div class="text">
            <span id="src_form_view_hint_txt"><!-- 提示信息 --></span>
        </div>
        <div class="btn"><i18n key="collaboration.page.lable.whenExit_2"></i18n><!-- 知道了 --></div>
    </div>
</div>
  <footer class="cmp-bar cmp-bar-tab cmp-bar-footer footer_btn" style=" display: none;" id="batchFooterBtn">
     <div class="cmp-block-with-btn cmp_handler_content_blue" style="padding:10px 0px;height:50px;">

        <a href="javascript:void(0)" class="btn transform" style="display:none;">
          <lable id="transformBtnLable"><i18n key="collaboration.colForward.forward"></i18n></lable>
        </a>

        <a id="batchArchiveBtn" href="javascript:void(0)" class="btn archivebtn" style="display:none;"> 
          <lable id="archiveBtnLable"><i18n key="collaboration.page.lable.button.archive"></i18n></lable>
        </a>

        <a href="javascript:void(0)" class="btn cancelbtn" style="display:none;">
          <lable id="cancelBtnLable"><i18n key="collaboration.page.lable.button.delete"></i18n></lable>
        </a>

        <a href="javascript:void(0)" class="btn batchdeal" style="display:none;" >
          <lable id="batchDealBtnLable"><i18n key="collaboration.page.lable.button.batchDeal"></i18n></lable>
        </a>
    </div>
  </footer>
  <!-- 快捷键 -->
  <div id="maskContainer" class="col-new-container">
      <div class="col-new-btns">
        <div class="col-new-btn" id="creatFreeCollBtn">
          <div class="icon m3-icon-coordination-fill col-new-btn-icon col"></div>
          <div class="col-new-btn-label"><i18n key="collaboration.page.lable.freeColl"></i18n></div>
        </div>
        <div class="col-new-btn" id="createTemplateColBtn">
          <div class="icon see-icon-v5-common-formtemplate col-new-btn-icon form"></div>
          <div class="col-new-btn-label"><i18n key="collaboration.page.lable.formTemplate"></i18n></div>
        </div>
        <div class="col-new-btn display_none" id="createVoiceCollBtn">
          <div class="icon see-icon-v5-common-m3-voice-fill col-new-btn-icon voice"></div>
          <div class="col-new-btn-label">语音协同</div>
        </div>
      </div>
    <div id="newCloseBtn" class="col-new-close"><span style="font-size: 24px;" class="m3-icon-close"></span></div>
  </div>
  <s3:data name='cordova' />
  <s3:import type="js"></s3:import>

<script type="text/javascript">  
  var $verstion = "${data:buildversion}";
  var _collPath = "${data:dependencies.collaboration}";  
  var _docPath = "${data:dependencies.doc}";
  var _common_v5_path = "${data:dependencies.common_v5_path}";
  var _cmpPath = "${data:dependencies.cmp}";
 // cmp.i18n.init('${data:dependencies.collaboration}/i18n/', 'Collaboration');
  cmp.i18n.init("${data:dependencies.collaboration}/i18n/", "EdocResources");
</script>
  <script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/colAffairs.js${data:buildversion}"></script>
  <script src="${data:dependencies.edoc}/i18n/EdocResources_zh_CN.js${data:buildversion}"></script>
  <!-- 
  <script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/batch.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.collaboration'/>/js/ArrayList.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.doc' />/js/docNewPigeonhole.js${data:buildversion}"></script> 
  -->
  <!-- js模版 -->
  <script  type="text/html" id="list_li_tpl">
  <% for(var i = 0,len = this.length;i < len; i++){ %>
	<% var obj = this[i]; %>
	<% var urgentLevel = obj.summary.urgentLevel - 1;%>
		<li class="cmp-list-cell cmp-table-view-cell treatment">
		<!-- 内容区域 -->
		<div class="cmp-slider-handle">
			<!--当前事项状态:mark未读 hold暂存 end结束-->
			<%if(obj.finshed){%>
				<div class="mark end"> 
            		<span class="text"><%=cmp.i18n("Edoc.page.lable.button.end")%></span> 
            	</div>
			<%}else if(obj.affair.subState == '13'){%>
				<div class="mark hold"> 
            		<span class="text"><%=cmp.i18n("Edoc.page.lable.button.storage")%></span> 
            	</div>
			<%}else if(obj.affair.subState == '11'){%>
				<div class="mark"> 
            		<span class="text"><%=cmp.i18n("Edoc.page.lable.button.unRead")%></span> 
            	</div>
			<%}%>
			<!--发起人图片-->
			<div class="cmp-list-cell-img cmp-radio cmp-left">
				<img class="cmp-img-cache img_setting" cmp-data="<%=obj.summary.startUserId%>"/>
			</div>
			<div affairId="<%=obj.affairId %>" app="<%=obj.affair.app %>"  affairState="<%=obj.affair.state %>" subState="<%=obj.affair.subState %>" class="cmp-list-cell-info col-list-cell-info">
				<div class="content_info">
					<span class="cmp-ellipsis-2 cmp-pull-left list_title_name">
						<!-- 重要程度 -->
				  		<span style="color: #FF0000;font-size:12px;position:relative;top:-1px;" class="cmp-icon iconfont see-icon-v5-common-important-<%=urgentLevel%>"></span>
						<%=obj.summary.subject.escapeHTML() %>
					</span>
					<% if(obj.summary.docMark!="" && obj.summary.docMark != null){%>
						<div class="cmp-pull-left padding_5_0" style="padding:1px;height:24px;line-height:24px;width:88%;">
							<div class="cmp-h6 wh100">
								<span class="send-name" style="max-width:inherit;width:100%;"><%=obj.summary.docMark.escapeHTML() %></span>
							</div>
						</div>
						<div class="cmp-pull-left padding_5_0" style="padding-top:0px;height:30px;">
					<%}else{%>
						<div class="cmp-pull-left padding_5_0">
					<%}%>
						<div class="cmp-h6" style=" height: 25px;line-height: 25px;overflow: hidden; ">
							<!--发起人 -->
							<span class="send-name list-sub-text"><%=obj.createPerson%></span>
							<!-- 发起时间-->
							<span class="send-time list-sub-text"><%=obj.createDate%></span>
							<!-- 是否有附件 -->
							<%if(obj.summary.hasAttachments){%>
                                <span class="see-icon-accessory list-sub-text" style="color: #6E6E6E;"></span>
							<%}%>
							<% if(obj.backFromName) {%>         
                                <span class="see-icon-v5-common-rollback-fill list-sub-text" style="font-size:12px; color:#FF8300;"></span>
                            <%} %>

							<!--是否超期-->
							<% if(obj.surplusTime == null){ %>
								
							<% } else if(obj.surplusTime[0] == '0' && obj.surplusTime[1] == '0' && obj.surplusTime[2] == '0'){ %>
								<span class="list-sub-text" style="overflow:hidden;">
									<span class="see-icon-v5-common-time list-sub-text" style="color:#fc4906; font-size:12px;"></span>
									<%=cmp.i18n("Edoc.info.extended")%>
								</span>
							<%} else if(obj.surplusTime[0] <=0 && obj.surplusTime[1] <=0 && obj.surplusTime[2] <=0) {%>
								<span class="list-sub-text" style=" overflow:hidden;">
									<span class="see-icon-v5-common-time list-sub-text" style="color:#fc4906; font-size:12px;"></span>
									<%=cmp.i18n("Edoc.info.extended")%>
								</span>
							<% }else {%>
								<% if(obj.surplusTime[0] != 0){%>
									<span class="see-icon-v5-common-time list-sub-text" style="overflow:hidden; font-size:12px;">
										<%=obj.surplusTime[0]%><%=cmp.i18n("Edoc.label.day")%>
									</span>
								<%}else if(obj.surplusTime[1] != 0) {%>
									<span class="see-icon-v5-common-time list-sub-text" style="overflow:hidden; font-size:12px;">
										<%=obj.surplusTime[1]%><%=cmp.i18n("Edoc.label.hour")%>
									</span>
								<% }else if(obj.surplusTime[2] != 0){%>
									<span class="see-icon-v5-common-time list-sub-text" style="overflow:hidden; font-size:12px;">
										<%=obj.surplusTime[2]%><%=cmp.i18n("Edoc.label.minutes")%>
									</span>
								<%}%>
							<%}%>
						</div>
					</div>
				</div>
				<!--当前节点名称-->
				<% if(obj.affairState != 1 && obj.affairState != 2){%>
					<div class="plaint">
						<!--加签-->
						<%if(obj.fromName != null && obj.fromName != ""){%>
							<span class="add">
								<span class="cmp-icon-synergy-list adduser"></span>
								<span><%=obj.fromName %></span>
							</span>
						<%}%>
						<!--回退-->
						<%if(obj.backFromName != null && obj.backFromName != ""){%>
							<span class="add">
								<span class="cmp-icon-synergy-list back"></span>
								<span><%=obj.backFromName %></span>
							</span>
						<%}%>
					</div>
				<%}%>
			</div>
		</div>
	</li>
<%}%>
  </script>
</body>
</html>
